<!DOCTYPE html>

<html>
	<head>
		<meta charset="utf-8" />
		<!--<meta name="format-detection" content="telephone=no" />-->
		<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1" />
		<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
		<link rel="stylesheet" href="css/jquery.mobile-1.4.3.min.css">
		<link rel="stylesheet" type="text/css" href="css/jqm-datebox.min.css" />
		<!--library jquery mobile -->
		<!--<link rel="stylesheet" href="css/jquery-ui-1.9.2.min.css" />library jquery box confirmation-->

		<script type="text/javascript" src="cordova.js"></script><!--library cordova -->
		<script type="text/javascript" src="js/index.js"></script><!--library cordova -->
		<script src="js/jquery_1.9.1.js"></script><!--library jquery -->
		<script src="js/jquery.mobile-1.4.3.min.js"></script>
		<!--<script src="js/jquery-ui-1.9.2.js"></script>library jquery box confirmation-->

		<script src="js/functions.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.core.min.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.mode.datebox.min.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.mode.calbox.min.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.mode.durationbox.min.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.mode.durationflipbox.min.js"></script>
		<script type="text/javascript" src="js/jquery.mobile.datebox.i18n.es-ES.utf8.js"></script>
		<script type="text/javascript" src="js/jqm-datebox.mode.flipbox.min.js"></script>

		<script type="text/javascript">
			app.initialize();
		</script>

		<meta name="msapplication-tap-highlight" content="no" />
		<title>Conctactalos</title>
	</head>

	<body>

		<div data-role="header" data-theme="b">
			<h1>Encabezado</h1>
		</div>
		<div data-role="content">

			<h4>Reportes Llamadas Vs Concretadas</h4>
			<label>Seleccione el rango de fechas</label>

			<input  id="datefrom_rep_call_specify" placeholder="Fecha Desde" type="text" data-role="datebox" data-options='{"mode":"flipbox", "useNewStyle":true}' />
			<input  id="dateto_rep_call_specify" placeholder="Fecha Hasta" type="text" data-role="datebox" data-options='{"mode":"flipbox", "useNewStyle":true}' />

			<a href="#" id="btn_repor_call_spec" data-role="button" data-icon="grid">Consultar</a>

		</div>
		<div data-role="footer" data-position="fixed">
			<div data-role="navbar">
				<ul>
					<li>
						<a rel="external"  href="index.html"  data-icon="home">Agendar</a>
					</li>

					<li>
						<a rel="external"  href="calendar.html"  data-icon="home">Calendario</a>
					</li>
					<li>
						<a rel="external"  href="sales.html" class="ui-btn-active" data-icon="star">Ventas</a>
					</li>
					<li>
						<a rel="external"  href="report.html"  data-icon="grid">Reportes</a>
					</li>
				</ul>
			</div>
		</div>

	</body>
</html>
